  html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
.login {
    width: 100%;
    height: 100%;
    // background:#c3c3c3;
    background-image: url('../assets/bg.png');
    background-size: cover;
    background-position: center;
    /*    position: relative;*/
    &-con {
        display: none;
        position: absolute;
        right: 160px;
        top: 50%;
        transform: translateY(-60%);
        width: 300px;

        &-header {
            font-size: 16px;
            font-weight: 300;
            text-align: center;
            padding: 30px 0;
        }

        .form-con {
            padding: 10px 0 0;
        }

        .login-tip {
            font-size: 10px;
            text-align: center;
            color: #c3c3c3;
        }
    }
   
}

#login-page {
    width: 100%;
    height: 100%;
    background-image: url('../assets/bg.png');

    .sign-main {
        width: 400px;
        margin: 200px auto;
        padding: 0 16px;

        & .dev-sign-main-aside {
            margin-top: 32px;

            &-tip {
                text-align: center;
                margin: 32px 0 16px;
            }
        }

        & #vaptcha_container {
            height: 36px;
            border-radius: 4px;
/*            background: #2d8cf0;*/
        }

        & .head {
            text-align: center;
        }
    }
}